<template>
    <a-result title="诶嘿，现在还没有用户签到~">
      <template #icon>
        <smile-twoTone :style="{fontSize:'150px',padding:'10px'}"/>
      </template>
      <template #extra>
        <a-space size="large">
        <a @click="toBack">返回上一页面</a>
        <a @click="toRefresh">我要刷新一下</a>
        </a-space>
      </template>
    </a-result>
  </template>
  <script lang="ts">
  import { SmileTwoTone } from "@ant-design/icons-vue";
  import { defineComponent } from "vue";
  import { useRouter } from "vue-router";
  
  export default defineComponent({
    emits:['refreshData'],
    components: {
      SmileTwoTone,
    },
    setup(props,{emit}) {
      const router = useRouter();
      const toBack = () => {
        router.back();
      };
      const toRefresh = () => {
        emit('refreshData')
      }
      return { toBack,toRefresh };
    },
  });
  </script>
  
  